<template>
<table>
    <tr>
        <td v-if="!item.isOverdue" white bg-orange bd-orange h6 text-center left style="width:40%">
            <p mgt2><span>￥</span><span sz4>{{item.amount}}</span></p>
            <p mgt1>订单满{{item.minAmount}}可用</p>
        </td>
        <td v-if="item.isOverdue" white bg-gray4 bd-gray4 h6 text-center left style="width:40%">
            <p mgt2><span>￥</span><span sz4>{{item.amount}}</span></p>
            <p mgt1>订单满{{item.minAmount}}可用</p>
        </td>
        <td bd-gray4 nobdl h6 left pd2 style="width:60%;">
            <p sz2 mgt1>{{item.name}}</p>
            <p gray3>{{['全部商品','部分商品'][item.targetType]}}</p>
            <p gray3>{{formatTimeStr(item.begin, 'YYYY.MM.DD')}}至{{formatTimeStr(item.end, 'YYYY.MM.DD')}}</p>
        </td>
    </tr>
</table>
</template>

<script lang="ts">
import { Component, Vue,Inject, Prop,Watch } from 'vue-property-decorator';
import AbpBase from '../../lib/abpbase'

@Component
export default class Coupon extends AbpBase{
    @Prop() value:any;
    get item() {
        return this.value;
    }
}
</script>

<style>

</style>
